﻿@charset "utf-8";

body {

	color:#000000;

	font-family:"微软雅黑",Arial;

	font-size:12px;

	margin:0 auto;

	padding:0;

}

#comcontent_detail, #comcontent_detail2,#products_list,#products_list2,#messages_list,#products_detail,#products_detail2

{}













/* ===========================链接 ========================*/

a{

        color:#000;

	text-decoration:none;

}

a:hover {

        color:#000;

	text-decoration:none;

}





.ifooter {width:100%; height:236px; background:url(../images/ifooter_bg.jpg) repeat-x;}

.ift {width:1000px; margin:0 auto; height:192px;}





.ifb {width:1000px; margin:0 auto; height:44px;}

.ifb .FrontSpecifies_show01-d3_c1 .htmledit p {color:#ddd; line-height:44px;}

.ifb a {color:#ddd;}



.ifbox1 { float:left; color:#999; margin-top:24px; margin-left:40px;}

.ifbox span {font-weight:bold; color:#6f6f6f; }

.ifbox ul { width:100%; text-align:left; }

.ifbox ul li  { line-height:22px; }

.ifbox ul li a {color:#999;}

.ifbox ul li a:hover {color:#6f6f6f;}



.ifbox2 { float:left; color:#999; margin-top:24px; margin-left:80px;}

.ifbox3 { float:left; color:#999; margin-top:24px; margin-left:75px;}

.ifbox4 { float:left; color:#999; margin-top:24px; margin-left:110px;}

.ifbox4  ul{margin-bottom:8px;}



.ifbox0 { float:left; color:#999; margin-top:24px; margin-left:40px; width:260px;}



/*============================根容器==========================*/  

#box_root {

	margin:0 auto;

	position:relative;

	width:100%;

}





/*=============================头部导航==========================*/  

#box_header {

	margin:0 auto;

	width: 100%;

	background:url(../images/header_bg.png) repeat-x;

	position:relative;

	z-index:99;

	height:104px;

}





#box_header2 {

	margin:0 auto;

	width: 100%;

	height:104px;

	margin-top:0px;

	position:relative;

	z-index:99;

}



.header {width:1000px;  margin:0 auto; height:104px; position:relative; }

.header2 {width:1200px;  margin:0 auto; height:104px; position:relative; }

.cnen { position:absolute; top:10px; right:0px; background:url(../images/cnen_line.png) center center no-repeat; z-index:999;} 

.cnen a { font-family:"微软雅黑",Arial; font-size:12px; margin:0 10px; -webkit-text-size-adjust: none;}



.logo { float:left; padding-top:19px;}

.nav {width:560px; height:32px; float:left; margin-top:60px; margin-left:70px;}

.nav ul {}

.nav ul li {text-align:center; float:left; position:relative; line-height:32px;}

.nav ul li a {padding:0 20px; background:url(../images/nav_li.png) right center no-repeat;  height:32px; display:block; }

.subnav {display:none;}

.nav ul li ul {  position:absolute; top:32px; left:0; }

.nav ul li ul.ssub1 li a  {width:80px; text-align:center;}

.nav ul li ul.ssub2 li a  {width:90px; }

.nav ul li ul.ssub3 li a  {width:80px; text-align:center;}

.nav ul li  ul li {  

height:26px;

    line-height: 26px;

    text-align: left;

    float:none;
overflow:hidden;
   

    }

.nav ul li  ul li a {

     background:#fff;

    border-bottom: 1px solid #F0F0F0;

    color: #999999;

    height: 26px;

    margin: 0;

    display:inline-block;
    
    padding:0 4px;
     font-size:12px;

    }

    

.nav ul li  ul li a:hover {  background-color: #F0F0F0; color: #666666;}



.search {position:absolute; right:0; top:60px; width:155px; height:27px; background:url(../images/search_bg.jpg) no-repeat;}







/*===============================广告banner========================*/

#box_banner

{

	width:100%;

	height:419px;

	overflow:hidden;

	margin-top:-4px;

}



.box_banner_bg  {width:100%; height:32px;background:url(../images/ibanner_bg.jpg) center top no-repeat;}





/*=================================主栏============================*/  



#box_main {

        margin:0 auto;

	width:1000px;

	height:auto;

}









/*================================box=========================*/

#imain {

	margin:0 auto;

	width:1000px;

	height:auto;

	padding-top:28px;

}









.box_top {width:1000px; height:362px; margin:0 auto; margin-bottom:24px; text-align:left;}



.box1 {width:160px; height:170px; float:right; background:url(../images/box1_bg.jpg) no-repeat; padding-top:190px;}







.box2 {width:820px; float:left; border:1px solid #f0f0f0; height:358px; background:url(../images/box2_bg.jpg) center bottom #fff no-repeat;  }



.boxm {width:762px; margin:0 auto; height:310px; overflow:hidden; margin-top:24px;}



.ititle1 {float:left; width:213px; background:url(../images/ititle1.jpg) left top no-repeat; padding-top:80px; padding-right:30px;



 border-right:1px solid #f0f0f0; height:228px; position:relative;}



.ititle2 {float:left; width:213px;background:url(../images/ititle2.jpg) left top no-repeat; padding-top:80px; margin-left:30px;padding-right:30px;



border-right:1px solid #f0f0f0; position:relative; height:228px;}



.ititle3 {float:left; width:213px;background:url(../images/ititle3.jpg) left top no-repeat; padding-top:80px; margin-left:30px;position:relative;



height:228px;}



.more {position:absolute; left:0; bottom:0;}



.icc {padding-top:10px;}



.icc2 {padding-top:0px; background:url(../images/ipros_bg.jpg) center top no-repeat; height:170px;}



.box_bottom {width:1000px; margin:0 auto;  padding-top:20px; padding-bottom:34px; }



.bb_title {width:100%; height:18px; background:url(../images/bb_title.jpg) no-repeat;}



.pros {width:100%; background:url(../images/pros_lr.png) center center no-repeat; height:180px;  margin:0 auto;}



.clear:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}







.layout{ width:1002px; margin:0 auto; height:200px;}

/*index_cate*/



.index_cate{ float:left;  width:1002px;height:207px;overflow:hidden; }



.index_cate li{ float:left; padding:36px 2px 41px; margin:0 8px; overflow:visible!important;}



.index_cate .pic{ width:140px; height:140px; border:1px solid #e8e8e8; padding:2px; margin:0 auto; overflow:hidden; text-align: center; vertical-align: middle; display: table-cell;}

.index_cate .pic i{vertical-align: middle; height: 100%; display: inline-block;}

.index_cate .pic img{max-width: 140px; max-height: 140px; vertical-align: middle;}

.index_cate h5{ text-align:center; text-transform:capitalize; font-size:12px; color:#696969; height:18px; line-height:18px;}



.index_cate .info{ display:none; color: #000; font-family:Verdana, Geneva, sans-serif;}



.index_cate .info h4{font-size:14px; font-weight:700; line-height:24px; height:48px; overflow: hidden; margin-bottom:5px;}



.index_cate .info p{ line-height:16px; font-size:12px;font-family:"微软雅黑",Arial; }



.index_cate .info h3{margin-top:15px; height:33px; overflow:hidden; line-height:16px; background-color:#fff; text-align:center; font-weight:700;}



.index_cate .info h3 a ,.index_cate .info h3 a:visited{font-size:12px; color: #009fb0; font-family:"微软雅黑",Arial;}



.index_cate .info_details{ height:64px; overflow:hidden;}







.index_cate li.hover{ position: relative;}



.index_cate li.hover .info{ display:block; position:absolute; left:-10px; top:0px; background:url(../images/bg_index_cate_hover.png) no-repeat 0 0; padding:20px 35px; width:102px; height:167px; overflow:hidden;}



.index_cate li.pos_right .info{ position:absolute;left:-30px;}











/*index_cate_wrap*/



.index_cate_wrap{ float:left; position:relative; top:0px;}



.index_cate_wrap .btn{ display:none;}



.index_cate_wrap_hover .btn{ display:block; z-index:10; position:absolute; top:80px; text-indent:-9999em; overflow:hidden; width:17px; height:30px; background:url(../images/btn_arrow.png) no-repeat 0 0; cursor:pointer;}



.index_cate_wrap_hover .prev{ left:0; background-position:0 0;}



.index_cate_wrap_hover .next{ right:0; background-position:-19px 0;}



.index_cate_wrap_hover .prev_disabled ,.index_cate_wrap .next_disabled{ display:none;}







/*index_video*/



.index_video{ float:right; margin-top:20px; padding:20px 0 15px 19px; width:159px; height:120px; overflow: hidden; background:url(../images/bg_video_line_y.gif) repeat-y 0 0;}



.index_video h5{padding-top:8px; padding-left:2px; text-transform:capitalize; font-size:12px;  color:#696969;}



.index_video_box{ width:160px; height:100px; position:relative; overflow:hidden;}



.index_video_box .btn_video{ width:54px; height:54px; display:block; position:absolute; left:50%; top:50%; margin-left:-27px; margin-top:-27px; background:url(../images/btn_video.png) no-repeat center center; text-indent:-9999em; overflow:hidden;}



/*=================================通用左栏目========================*/

#box_left {

   float: left;

    text-align: left;

    width: 215px;

    background:url(../images/com_bg.png) right top no-repeat;

    margin-bottom:30px;

}





.s_comcontent 

{

    clear: both;

    font-size: 12px;

    overflow: hidden;

    text-align: center;

    width: 200px;

    background:#fff;

    padding-top:20px;

}



.s_comcontent ul{

width:200px;

text-align:center;

}

.s_comcontent ul li{

width:200px;

text-align:center;

height:32px;

border-bottom: 1px solid #DEE0E5;

line-height:32px;

}



.s_comcontent ul li a {

	color:#666;

	display:block;

	width:200px; 

	height:32px;

	font-size:12px;

	font-weight:normal;

	

}



.s_comcontent ul li a.on {

color:#fff;

background:url(../images/comcom_li_h.jpg) center bottom no-repeat!important;

}



.s_comcontent ul li a.on:hover {

color:#fff;

background:url(../images/comcom_li_h.jpg) center bottom no-repeat!important;

}



.s_comcontent ul li a:hover{

color:#fff;

background:url(../images/comcom_li_h.jpg) center bottom no-repeat!important;

}







.s_comcontent .FrontComContent_list01-d1_c1 .menu-first ul li.menu-none a.current,

.s_comcontent .FrontComContent_list01-d1_c1 .menu-first ul li.menu-none a.current:hover {

color:#fff;

background:url(../images/comcom_li_h.jpg) center bottom no-repeat!important;



}

.s_comcontent .columnSpace 

{

	margin:0;

	padding:0;

}



.left-link {

    border-left: 1px solid #fff;

      border-right: 1px solid #fff;

        border-bottom: 1px solid #fff;

   padding-top: 20px;

    width: auto;

    background-color:#fdfeff;

    width:198px;

}

.left-link a img {

    float: left;

    margin: 15px 17px 0 0;

}

.left-link a {

    border-bottom: 1px dotted #999;

    color: #999;

    display: block;

    height: 54px;

    line-height: 54px;

    padding-left: 25px;

}

.left-link a:hover {

    color: #666;

}





/*=================================通用右栏目========================*/  

#box_right {

    float: right;

    width: 950px;

}



.b_title {width:100%; height:60px; margin-top:10px; border-bottom: 1px solid #D9DADD;}

.b_title1 {width:18%;  float:left; padding-left:2px;}

.b_title1 img {margin-right:10px;}

.b_title1 span {font-size:18px; color:#666; height:60px; line-height:60px;}

.b_title2 {width:80%; float:right;}



.box_right_cc {padding-top:30px; width:100%; padding-bottom:20px;}







/*==================================底部版权==========================*/  

#box_footer {

     width: 100%;

     height:142px;

     margin:0 auto;

     text-align:left;

     background-color:#d4d4d4;

     }

     

 

.footer

{

	width: 1000px;

     height:108px;

     margin:0 auto;

     text-align:left;

     background:url(../images/footer_bg.jpg) right -24px no-repeat;

     padding-top:32px;

}





.footer2

{

	width: 1200px;

     height:108px;

     margin:0 auto;

     text-align:left;

     background:url(../images/footer_bg.jpg) right -24px no-repeat;

     padding-top:32px;

}



/*=================================通用内容列表=========================*/







/*========================================*/















/*=================================产品列表上下一页样式=========================*/





/*==============================================================*/





/*==============================内页产品列表样式================================*/





#box_right .clearBoth {

    clear: both;

    font-size: 0;

    height: 1px;

    overflow: hidden;

    width: 100%;

    display:none;

}



/*==============================================================*/





/*==============================留言提交按钮================================*/

.btn-com-01 {

	background-color: #F5F5F5;

        border: 1px solid #cecece;

        border-radius: 2px 2px 2px 2px;

        color: #666666;

        font-size: 12px;

        height: 30px;

        line-height:30px;

        text-align: center;

        behavior: url('../images/ie-css3.htc');

	font-family:Arial;

}

.btn-com-up01 {

	background-color: #F5F5F5;

        color: #333333;

	text-decoration:none;

	font-family:Arial;

}



.btn-unimp-01 {

	background-color: #F5F5F5;

        border: 1px solid #cecece;

        border-radius: 2px 2px 2px 2px;

        color: #666666;

        font-size: 12px;

        height: 30px;

        line-height:30px;

        text-align: center;

        behavior: url('../images/ie-css3.htc');

	

	font-family:Arial;

}





.btn-unimp-up01 {

	background-color: #F5F5F5;

        color: #333333;

	text-decoration:underline;

}



#messagesCategoryId

{

       color: #333333;

        font-size: 12px;

	font-family:"微软雅黑","宋体", Arial;

}





